.container{}

.box1{margin-top:80px;}
.box1 .title .h{font-size:40px;line-height:40px;color:#3e3e3e;text-align: center;margin-bottom:10px;}
.box1 .title .p{font-size:16px;color:#5a5a5a;text-align: center;line-height:26px;}
.box1 .b1-b{margin-top:60px;}
.box1 .b1-b ul li{float: left;width:25%;position: relative;}
.box1 .b1-b ul li .txt{position: absolute;font-size:30px;line-height:30px;padding-bottom:20px;background: url(pic-7.png) no-repeat center bottom;text-align: center;width:100%;left:0;top:50%;margin-top:-25px;color:#fff;}
.box1 .b1-b ul li .txt2{position: absolute;width:100%;left:0;top:50%;color:#fff;transform: translateY(-50%);z-index:9;display:none;}
.box1 .b1-b ul li .txt2 .h{font-size:30px;line-height:30px;text-align: center;}
.box1 .b1-b ul li .txt2 .p{font-size:16px;line-height:28px;text-align: center;padding: 0 20px 55px;margin-top:10px;background: url(pic-8.png) no-repeat center bottom;}
.box1 .b1-b ul li .bk{background:rgba(19,98,164,0.8);position: absolute;width:100%;height:100%;left:0;top:0;display:none;}
.box1 .b1-b ul li:hover .txt{display:none;}
.box1 .b1-b ul li:hover .txt2,.box1 .b1-b ul li:hover .bk{display:block;}

.box1 .b1-b ul li .pic{overflow:hidden;}
.box1 .b1-b ul li .pic img{transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;}
.box1 .b1-b ul li:hover .pic img{transform: scale(1.1);-ms-transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);}


@media all and (max-width:1199px){
	.box1 .b1-b ul li:hover .txt{display:block;}
	.box1 .b1-b ul li:hover .txt2,.box1 .b1-b ul li:hover .bk{display:none;}
}
@media all and (max-width:799px){
	.box1{margin-top:30px;}
	.box1 .b1-b{margin-top:30px;}
	.box1 .b1-b ul li{width:50%}
	.box1 .title .h{font-size:24px;line-height:24px;margin-bottom:5px;}
	.box1 .title .p{font-size:12px;line-height:23px;}
	.box1 .b1-b ul li .txt{font-size:20px;line-height:20px;padding-bottom:15px;}
}

.box2{margin-top:80px;}
.box2 .title .h{font-size:40px;line-height:40px;color:#3e3e3e;text-align: center;margin-bottom:10px;}
.box2 .title .p{font-size:16px;color:#5a5a5a;text-align: center;line-height:26px;}
.box2 .title{margin-bottom:60px;}
.box2 .b2-b{width:1920px;position: relative;left:50%;margin-left:-960px;height:660px;background: url(pic-11.jpg) no-repeat center;}
.box2 .b2-b .pic{position: absolute;left:0;top:65px;}
.box2 .b2-b .txt{float: right;width:565px;margin-right:30px;margin-top:70px;font-size:16px;line-height:40px;text-align: justify;}
.box2 .b2-b .txt p{text-indent:2em;}
.box2 .b2-b .txt a{display:block;width:68px;height:8px;background:url(pic-10.png) no-repeat center;margin-top:80px;}

@media all and (max-width:1279px){
	.box2 .b2-b{width:100%;left:0;margin-left:0;}
	.box2 .b2-b{padding-top:40px;padding-bottom:40px;background-size:cover;height:auto;}
	.box2 .b2-b .pic{position: static;width:96%;margin:0 auto;}
	.box2 .b2-b .txt{float:none;width:96%;margin:2% auto 0;}
}
@media all and (max-width:799px){
	.box2{margin-top:30px;}
	.box2 .title{margin-bottom:30px;}
	.box2 .title .h{font-size:24px;line-height:24px;margin-bottom:5px;}
	.box2 .title .p{font-size:12px;line-height:23px;}
	.box2 .b2-b{padding-top:20px;padding-bottom:20px;}
	.box2 .b2-b .txt{font-size:14px;line-height:30px;}
	.box2 .b2-b .txt a{margin-top:10px;}
}


.box3{margin-top:80px;}
.box3 .title .h{font-size:40px;line-height:40px;color:#3e3e3e;text-align: center;margin-bottom:10px;}
.box3 .title .p{font-size:16px;color:#5a5a5a;text-align: center;line-height:26px;}
.box3 .title{margin-bottom:60px;}
.box3 ul li{width:386px;float: left;margin:0 7px;}
.box3 ul li .pic img{width:100%;}
.box3 ul li .txt{padding:0 8px;}
.box3 ul li .txt .h{font-size:16px;line-height:40px;margin-top:5px;}
.box3 ul li .txt .p{font-size:14px;line-height:22px;color:#878787;}
.box3 ul li .txt .m{font-size:16px;line-height:26px;padding-left:30px;background:url(pic-15.png) no-repeat left center;margin-top:10px;}
.box3 ul li .txt .m a{color:#878787;}
.box3 ul li .txt .m:hover{background:url(pic-16.png) no-repeat left center;}
.box3 ul li .txt .m:hover a{color:#2a83ce;}
.box3 .b3-b .g-in{position:relative;}
.box3 .b3-b .g-in a.prev{position: absolute;width:39px;height:39px;background:url(pic-13.png) no-repeat center;left:-45px;top:50%;margin-top:-20px;}
.box3 .b3-b .g-in a.next{position: absolute;width:39px;height:39px;background:url(pic-14.png) no-repeat center;right:-45px;top:50%;margin-top:-20px;}

.box3 ul li .pic{overflow:hidden;}
.box3 ul li .pic img{transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;}
.box3 ul li:hover .pic img{transform: scale(1.1);-ms-transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);}


@media all and (max-width:1279px){
	.box3 .b3-b{padding:0 50px;}
	.box3 ul li{width:48%;}
}

@media all and (max-width:799px){
	.box3 .b3-b{padding:0;}
	.box3{margin-top:30px;}
	.box3 .title{margin-bottom:30px;}
	.box3 .title .h{font-size:24px;line-height:24px;margin-bottom:5px;}
	.box3 .title .p{font-size:12px;line-height:23px;}
	.box3 ul li{width:100%;margin:0;}
	.box3 ul li .txt .h{font-size:15px;line-height:34px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
	.box3 ul li .txt .p{font-size:13px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;text-overflow: ellipsis;}
	.box3 ul li .txt .m{font-size:14px;}
	.box3 .b3-b .g-in a.prev,.box3 .b3-b .g-in a.next{display:none;}
}


.box4{margin-top:110px;margin-bottom:70px;}
.box4 ul li{float: left;width:33%;margin-right:0.5%;position: relative;}
.box4 ul li:nth-child(3){margin-right:0;}
.box4 ul li .txt{position: absolute;width:100%;top:50%;transform: translateY(-50%);left:0;text-align: center;}
.box4 ul li .txt .e{font-size:16px;line-height:16px;color:rgba(255,255,255,0.3);text-transform: uppercase;}
.box4 ul li .txt .c{font-size: 22px;line-height:22px;margin-top:8px;color:#fff;}

.box4 ul li{overflow:hidden;}
.box4 ul li img{transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;}
.box4 ul li:hover img{transform: scale(1.1);-ms-transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);}


@media all and (max-width:799px){
	.box4{margin-top:30px;margin-bottom:30px;}
	.box4 ul li{width:100%;margin-bottom:2%;margin-right:0;}
	.box4 ul li img{width:100%;}
}